<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-art" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="art-m1 ">
        <div class="box">
          <common-title title="启迪心灵 尊重梦想" top="0.5" bottom="0.25"></common-title>
          <div class="con flex-bect">
            <div class="intro">{{m1.intro}}</div>
            <img :src="m1.image" class="img" />
          </div>
        </div>
        <div class="bottom">
          <common-title title="艺术考前培训！ " top="0.39" bottom="0.31"></common-title>
          <div class="flex-bect">
            <a href="" class="btn flex-ct btn1">免费咨询专业老师</a>
            <a href="" class="btn flex-ct btn2">开启我的梦想</a>
          </div>
        </div>
      </div>
      <div class="art-m2 box">
        <common-title title="艺术六大专业优势" top="0.59" bottom="0.39"></common-title>
        <dl class="list flex-bect wrap">
          <dd v-for="(item, index) in m2" :key="index" class="item" :class="'item'+index">
            <div class="name">{{item.name}}</div>
            <div class="intro row3" v-html="item.intro"></div>
            <a href="" class="btn flex-ct">立即咨询</a>
          </dd>
        </dl>
      </div>
      <div class="art-m3 box">
        <common-title title="艺术热门专业" top="0.3" bottom="0"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m3" :key="index" class="item" :class="'item'+index">
            <img :src="item.image" class="tx" />
            <div class="name">{{item.name}}</div>
            <div class="intro row9" v-html="item.intro"></div>
          </dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="艺术专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/09art/banner.png',
        m1:[],
        m2:[],
        m3:[],
        
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = {
            intro:'星影国际影视艺术学院着力打造更兴实践性的影视传媒课程，结合公司自投影视项目，让学员得到更充分的锻炼，快速进入影视核心圈层，公司自有大小摄影棚、综艺棚10座，并与行专内近百家影视行专相关公司长期保持战略合作关系，为影视行业培训提供优秀人才。',
            image:'./static/image/09art/1.png',
          }
          this.m2 = [
            {name:"师资优势", intro:'影视教育界资深老师、影视行业核心圈层。'},
            {name:"区位优势", intro:'学院坐落于北京电影学院文创园内，园区内拥有百余家影视行公司。'},
            {name:"国际合作", intro:'美国影视艺术协会亚太地区授权机构美国科技创新教育基金会中国大陆授权机构。'},
            {name:"实践机会", intro:'学院自有星影时代影视公司，计划未来3年投拍100部影视剧与新媒体电影'},
            {name:"投资团队", intro:'吉基金、赛富亚洲基金、中信国通、等强大的投资团队为制作影视剧投资。'},
            {name:"教学环境", intro:'完善的软硬件配套。干亩郊野公园环绕周边。'},
          ]
          this.m3 = [
            {name:'表演专业', image:'./static/image/09art/ico1.png', intro:'表演是通过人的演唱演奏或人体动作、表情来塑造形象、传达情绪情感从而表现生活的艺术。本专业培养具有比较系统的文化修养和理论、全面的文学艺术素质、广博的影视专业知识、具有创造能力和善于协同合作能力'},
            {name:'编导专业', image:'./static/image/09art/ico2.png', intro:'包括电视、文艺编导、导演等与编导相关类似的专业。培养各方面基本理论和知识为基础，提升创作实操能力，为编导、导演等输送专门的高级人才。'},
            {name:'播音主持', image:'./static/image/09art/ico3.png', intro:'作为一个新兴专业，播音主持人将成为未来就业的热点和亮点。培养能够在各级各类电视台广告公司、教育、旅游等地从事语言艺术工作的高级人才。'},
            {name:'摄影专业', image:'./static/image/09art/ico4.png', intro:'培养具备广泛科学文化和艺术理论知识，电影电视、图片摄影摄像等能力。能在电影厂、电视制作部门等从事摄影艺术创作、教学和研究工作的高级人才。'},
            {name:'化妆造型', image:'./static/image/09art/ico5.png', intro:'开设化妆基础、影楼化妆造型、时尚化妆技巧5专业盘发等科目。意在使学员掌握运用化妆专业技能，加强审美意识。以适应各类化妆、形象造型的需要。'}
          ]
        }
        
      }
    })
  </script>
</body>
</html>